.ma-state {
    width:8px;height:8px;
    background: #ddd;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
    margin-top: -3px;
}
.ma-state-1 {background: #409EFF;}
.ma-state-2 {background: #F56C6C;}
.ma-status-processing {position: relative;}
.ma-status-processing:after {
    position: absolute; 
    top:0px;left:0px;
    width: 100%;height: 100%;
    border-radius: 50%;background: inherit;content: '';
    animation: warn 1.2s ease-in-out infinite;
}

@keyframes warn {
    0% {
        transform: scale(0.5);
        opacity: 1;
    }
    30% {
        opacity: 1;
    }
    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.el-textarea > textarea {
    font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
}

.ma-tree-border {
    border: 1px solid #e5e6e7;
    border-radius:4px;
}

.el-button--primary.is-plain:focus, .el-button--primary.is-plain:hover {
    color: #fff;
}

.el-button--success:active,
.el-button--info:active,
.el-button--warning:active,
.el-button--danger:active,
.el-button--success.is-plain:active,
.el-button--info.is-plain:active,
.el-button--warning.is-plain:active,
.el-button--danger.is-plain:active
{
    color: #fff;
}
.el-button--success:active, .el-button--success.is-plain:active {
    border-color: var(--el-color-success-dark-2)
}
.el-button--info:active, .el-button--info.is-plain:active {
    border-color: var(--el-color-info-dark-2)
}
.el-button--warning:active, .el-button--warning.is-plain:active {
    border-color: var(--el-color-warning-dark-2)
}
.el-button--danger:active, .el-button--danger.is-plain:active {
    border-color: var(--el-color-danger-dark-2)
}

.sceditor {
    width: 100%;
}

.thumbnail { width: 100%; }
.el-container.is-vertical { position: relative; }